<template>
	<view class="item" @click="$emit('click')">
	  <view class="top">
	    <image class="image" :src="item.img_url" mode="aspectFill"></image>
	    <view class="title">{{ item.title }}</view>
	  </view>
	  <view class="info">
	    <view class="source">{{ item.source }}</view>&nbsp;
	    <view class="comment">{{ item.comment_count }}条评论</view>&nbsp;
	    <view class="datetime">{{ item.datetime }}</view>
	  </view>
	</view>
</template>

<script>
	export default {
		name:"newss",
		data() {
			return {
				item:[]
			};
		},
		props: {
			item: {
			      type: Array,
			      required: true
			},	
		},
		
		
	}
</script>

<style lang="scss">

.item {
  display: flex;
  flex-direction: column;
  margin: 20rpx 20rpx;
  border-bottom: 1px solid #eee;
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
}
.top {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.image {
  max-width: 260rpx;
  max-height: 200rpx;
}
.title {
  margin-left: 30rpx;
  font-size: 16px;
}
.view {
  margin-left: 30rpx;
}
.info {
  display: flex;
  flex-direction: row;
  font-size: 12rpx;
  margin: 20rpx 10rpx;
}
.view {
  margin-right: 30rpx;
}
</style>